<template>
    <div>
        <w-button @click="showMessage">点我</w-button>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { Message } from '@will-ui/message';

export default defineComponent({
    
    setup() {
        const showMessage = () => {
            Message({
                message: 'xxx',
                type: 'success',
                center: true
            })
        }
        return {
            showMessage
        }
    },
    // 组件内部兼容vue2的写法
    // methods: {
    //     showMessage() {
    //         this.$message();
    //     }
    // }
})
</script>
